<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    // for循环遍历 => 自行指定循环时下标的起始值和终止值
    // var list = [1,4,7,2,5,8,3,6,9];
    // for(var i = 0;i<list.length;i++){
    //     var item = list[i];
    //     console.log(item,i);
    // }

    // for...in => 遍历数组返回数组的下标
    // 语法 for(var i in 数组){}
    // 注意:
    // (1) for...in遍历数组时,下标是字符串类型
    // (2) for...in遍历数组时, 会自动跳过空余位置

    // var list = [1,4,7,2,5,8,3,6,9];
    // var list = [1, 4, 7, , , , 3, 6, 9];
    // console.log(list);
    // for (var i in list) {
    //     console.log(i, list[i]);
    // }


    // for...of => 遍历数组返回数组的值(缺点: 只会遍历数组返回数组的值,没有下标)
    // 语法 for(var val of 数组){}

    // 注意:
    // for...of 遍历数组时, 不会跳过空余位置,而是返回undefined


    var list = [1, 4, 7, 2, 5, 8, 3, 6, 9];
    // var list = [1, 4, 7, , , , 3, 6, 9];

    var sum = 0;
    for (var val of list) {
        console.log(val);
        sum += val;
    }
    console.log(sum);

</script>

</html>